irongit
Sign inRegister
huncholanehuncholane/dotbarPublic

Waybar configuration

dotbar/style/[Colorful] Aurora.css
208 lines3.8 KBCSS
RawDownloadHistory
1/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
2/* Aurora */
3
4* {
5font-family: "JetBrainsMono Nerd Font";
6font-weight: bold;
7/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
8font-size: 97%;
9font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
10}
11
12window#waybar,
13window#waybar.empty,
14window#waybar.empty #window {
15 background-color: transparent;
16 padding: 0px;
17 border: 0px;
18}
19
20tooltip {
21 color: black;
22 background-image: linear-gradient(45deg, #7287fd 10%, #209fb5 54%, #8839ef 90%);
23 opacity: 0.8;
24 border-radius: 10px;
25}
26
27tooltip label{
28 color: black;
29}
30/*-----module groups----*/
31.modules-left,
32.modules-center,
33.modules-right {
34 padding-top: 2px;
35 padding-bottom: 2px;
36 padding-right: 4px;
37 padding-left: 4px;
38}
39
40/*-----modules indv----*/
41#taskbar button,
42#workspaces button {
43 color: grey;
44 box-shadow: none;
45 text-shadow: none;
46 padding: 0px;
47 border-radius: 9px;
48 padding-left: 4px;
49 padding-right: 4px;
50 animation: gradient_f 20s ease-in infinite;
51 transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
52}
53#taskbar button:hover,
54#workspaces button:hover {
55 color: black;
56 background-color: rgba(0,153,153,0.2);
57 padding-left: 2px;
58 padding-right: 2px;
59 animation: gradient_f 20s ease-in infinite;
60 transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
61}
62#taskbar button.active,
63#workspaces button.active {
64 color: black;
65 padding-left: 8px;
66 padding-right: 8px;
67 animation: gradient_f 20s ease-in infinite;
68 transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
69}
70
71#workspaces button.persistent {
72 border-radius: 10px;
73}
74
75#backlight,
76#backlight-slider,
77#battery,
78#bluetooth,
79#clock,
80#cpu,
81#disk,
82#idle_inhibitor,
83#keyboard-state,
84#memory,
85#mode,
86#mpris,
87#network,
88#power-profiles-daemon,
89#pulseaudio,
90#pulseaudio-slider,
91#taskbar,
92#temperature,
93#tray,
94#window,
95#wireplumber,
96#workspaces,
97#custom-backlight,
98#custom-browser,
99#custom-cava_mviz,
100#custom-cycle_wall,
101#custom-dot_update,
102#custom-file_manager,
103#custom-keybinds,
104#custom-keyboard,
105#custom-light_dark,
106#custom-lock,
107#custom-hint,
108#custom-hypridle,
109#custom-menu,
110#custom-playerctl,
111#custom-power_vertical,
112#custom-power,
113#custom-quit,
114#custom-reboot,
115#custom-settings,
116#custom-spotify,
117#custom-swaync,
118#custom-tty,
119#custom-updater,
120#custom-weather,
121#custom-weather.clearNight,
122#custom-weather.cloudyFoggyDay,
123#custom-weather.cloudyFoggyNight,
124#custom-weather.default,
125#custom-weather.rainyDay,
126#custom-weather.rainyNight,
127#custom-weather.severe,
128#custom-weather.showyIcyDay,
129#custom-weather.snowyIcyNight,
130#custom-weather.sunnyDay {
131 background-image: linear-gradient(45deg, #95E6CB, #59C2FF, #D2A6FF);
132 color: black;
133 border: 1px;
134 border-style: solid;
135 border-radius: 6px;
136 padding-top: 4px;
137 padding-bottom: 4px;
138 padding-right: 6px;
139 padding-left: 6px;
140}
141#backlight {
142 padding-right: 2px;
143}
144#custom-power {
145 padding-left: 10px;
146 padding-right: 2px;
147}
148#custom-menu {
149 padding-right: 8px;
150}
151#custom-cycle_wall {
152 padding-right: 2px;
153}
154#network {
155 padding-right: 12px;
156}
157/*-----Indicators----*/
158#custom-hypridle.notactive,
159#idle_inhibitor.activated {
160 color: #39FF14;
161}
162
163#pulseaudio.muted {
164 color: #cc3436;
165}
166#temperature.critical {
167 background: red;
168 color: black;
169}
170
171@keyframes blink {
172 to {
173 color: #000000;
174 }
175}
176
177#battery.critical:not(.charging) {
178 color: #f53c3c;
179 animation-name: blink;
180 animation-duration: 3.0s;
181 animation-timing-function: steps(12);
182 animation-iteration-count: infinite;
183 animation-direction: alternate;
184}
185
186#backlight-slider slider,
187#pulseaudio-slider slider {
188 min-width: 0px;
189 min-height: 0px;
190 opacity: 0;
191 background-image: none;
192 border: none;
193 box-shadow: none;
194}
195
196#backlight-slider trough,
197#pulseaudio-slider trough {
198 background-color: #7f849c;
199 min-width: 80px;
200 min-height: 5px;
201 border-radius: 5px;
202}
203
204#backlight-slider highlight,
205#pulseaudio-slider highlight {
206 min-height: 10px;
207 border-radius: 5px;
208}